<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
    </h:head>
    <h:body style="text-align:center">
        <p:growl id="mensajes" showDetail="true" life="2000" />
        <h:form>

            <p:panel header="Ingrese los datos" style="width:800px">
                <h:panelGrid columns="2" cellpadding="5">

                    <h:outputLabel for="codigo" value="Codigo:" />
                    <p:inputText value="#{ciudadBean.codigo}" id="codigo" required="true" label="codigo" />

                    <h:outputLabel for="nombre" value="Nombre:" />
                    <p:inputText value="#{ciudadBean.nombre}" id="nombre"  label="nombre" />

                </h:panelGrid>


                <f:facet name="footer">
                    <h:commandButton value="Guardar" action="#{ciudadBean.insertar}"/>  
                    <h:commandButton value="Actualizar" action="#{ciudadBean.actualizar}"/> 

                    
                    <p:column style="width:8%;text-align: center">  
                     
                    <p:commandButton actionListener="#{ciudadBean.delete}" update=":frmEliminar" oncomplete="dlgEliminar.show();" icon="ui-icon-trash" title="Eliminar" />  
                </p:column>  
                    
                </f:facet>
            </p:panel>

        </h:form>
        
        <!-- Eliminar-->
        <h:form id="frmEliminar">  

             
            <p:confirmDialog id="dlgEliminar" message="¿Deseas Eliminar?"  
                             header="Eliminar ??" severity="alert" widgetVar="dlgEliminar">  
                <p:growl id="growlEliminar" sticky="true" /> 
                <p:commandButton value="Eliminar" update="growlEliminar,dlgEliminar" 
                                 actionListener="#{ciudadBean.delete(37)}" oncomplete="dlgEliminar.hide()" icon="ui-icon-pencil" />  
               <p:commandButton value="Cancelar" onclick="PF('cd').hide();" type="button" />
            </p:confirmDialog>  

        </h:form>   
        
    </h:body>
</html>